<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>太工教育</title>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/rem.js"></script>
		<link rel="stylesheet" href="css/reset.css">
	</head>
	<body style="background-color: #F6F7F9;">
		<!-- 头部 -->
		<div id="header"></div>
		<!-- banner图 -->
		<div class="banner">
			<img src="./img/banner4.png">
		</div>

		<div class="max">
			<div class="functions">
				<img src="./img/d8.png">
				<p>修改资料</p>
			</div>
		
			<div class="box">
				<div class="lsitem">
					<input type="text" id="" value="" placeholder="请输入新昵称"/>
				</div>
				<div class="lsitem">
					<input type="text" id="" value="" placeholder="请输入旧密码"/>
				</div>
				<div class="lsitem">
					<input type="text" id="" value="" placeholder="请输入新密码"/>
				</div>
				<div class="lsitem">
					<input type="text" id="" value="" placeholder="请再次确认密码"/>
				</div>
				<div class="buts">
					<p>确认修改</p>
				</div>
			</div>
			
		</div>
		<!-- 底部 -->
		<div id="footer"></div>

		<!-- 右侧悬浮 -->
		<div id="suspension"></div>
	</body>
	<script>
		
	</script>

	<style>
		.csccolumn_conten {
			padding-top: 0.36rem;
		}

		.banner {
			width: 100%;
			position: relative;
		}

		.banner img {
			width: 100%;
		}

		.max{
			margin: 0.5rem 1.54rem 0.91rem;
			display: flex;
			align-items: baseline;
		}
		.functions{
			width: 2rem;
			display: flex;
			align-items: center;
		}
		.functions img{
			width: 0.2rem;
			margin-right: 0.14rem;
		}
		.functions p{
			font-size: 0.18rem;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #514B89;
			line-height: 0.18rem;
		}
		.box {
			width: 14rem;
			padding: 0.4rem 1rem;
			background: #FCFDFD;
		}
		.lsitem{
			width: 4rem;
			height: 0.5rem;
			border: 0.01rem solid #ddd;
			margin-bottom: 0.2rem;
			display: flex;
			align-items: center;
			padding: 0 0.1rem;
		}
		.lsitem input{
			width: 100%;
			border: none;
		}
		.buts{
			width: 1.5rem;
			height: 0.42rem;
			background: #30337A;
			margin: 0.4rem  1.4rem 0.2rem;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
		}
		.buts p{
			font-size: 0.16rem;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 0.16rem;
		}
		
	</style>
</html>
